.content{
    padding:0  0.3rem;
    height: 3.6rem;
    .title{
        font-weight: 400;
        color: #010101;
        opacity: 0.7;
        font-size: 0.26rem;
        padding-bottom: 0.2rem;
        padding-top: 0.3rem;
    }
    .cityname{
        width: 1.38rem;
        height: .5rem;
        text-align: center;
        line-height: .5rem;
        background: rgba(0,0,0,.1);
       color: #000;
       opacity: .7;
        border-radius: 0.1rem;
      
    }
}
.citysContent{
    overflow: hidden;
    .cityname{
        float: left;
        margin-left: 0.2rem;
        margin-bottom: 0.2rem;
    }
}
.antBox{
    // position: relative;
    :global{
        .adm-index-bar{
            overflow: unset;
            position: static;
        }
        .adm-index-bar-sidebar{
            // transform: translateY(-75%);
            font-size: 14px;
        }
        .adm-list-item-content-main{
            font-size: 14px;
        }

    }
    // :global(.adm-index-bar){
    //     overflow: unset;
    // }
    // :global(.adm-index-bar-sidebar){
    //     transform: translateY(-75%);
    //     font-size: 14px;
    // }
    // :global(.adm-index-bar-anchor-title){
    //     background-color:#ff5555;
    //     color: #fff;
    //     height: 0.4rem;
    // }
}